<template>
  <div class="app">
    <ChatModal v-model:is-visible="isChatModalVisible" />
  </div>
</template>

<script>
import { ref } from 'vue'
import ChatModal from './components/ChatModal.vue'

export default {
  name: 'App',
  components: {
    ChatModal
  },
  setup() {
    const isChatModalVisible = ref(false)
    
    return {
      isChatModalVisible
    }
  }
}
</script>

<style scoped>
.app {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #f0f0f0;
}
</style>